<template>
	<view class="paper-item">
		<view class="name">
			<view v-if="item.status === 1" class="badge badge--green"><text>续</text></view>
			<text class="content">{{ history ? item.paperName : item.papername }}</text>
			<view @click.stop="$emit('start-exam', item)" v-if="(item.status !== 2 && item.status != null) || (answer && !score)">
				<my-icon name="dati" style="color: #3E7DF1;"></my-icon>
			</view>
			
			<!-- <image @click.stop="$emit('start-exam', item)" 	v-if="item.status !== 2 || (answer && !score)" style="width: 34upx;height: 38upx;":src="require('../static/icon/exam.png')"></image> -->
			<template v-else>
				<!-- 历史记录显示分数 -->
				<text v-if="history" @click="historyClick(item)" :class="['score', item.score >= 60 && 'pass']">{{ item.score || 0 }}分</text>
			  <!-- 其他页面显示分数 -->
				<text v-else :class="['score', item.score >= 60 && 'pass']">{{ item.score || 0 }}分</text>
			</template>
		</view>
		<view class="info" v-if="!$scopedSlots.info">
			<template v-if="/[3|2]/.test(item.papertype)">
				<!-- 模拟考试、终极押题 -->
				<image :src="require('../static/icon/time.png')"></image>
				<text>{{ item.starttime }}~{{ item.endtime }}</text>
			</template>
			<template v-else>
				<!-- 在线组卷 -->
				<image :src="require('../static/icon/clock.png')"></image>
				<text>创建时间：{{ item.createtime }}</text>
			</template>
		</view>
		<!-- 自定义底部信息 -->
		<view class="info"><slot name="info" v-bind="item"></slot></view>
	</view>
</template>

<script>
export default {
	props: {
		item: {
			type: Object,
			required: true
		},
		answer: {
			//针对我的错题，我的收藏使用该组件时，显示答题
			type: Boolean,
			default: false
		},
		score: {
			type: Boolean,
			default: false
		},
		history: {
			//针对每日一练历史记录
			type: Boolean,
			default: false
		}
	},
	methods: {
		historyClick(item) {
			this.$emit('historyClick', item);
		}
	}
};
</script>
<style scoped lang="scss">
.icon-dati {
	font-size: 36upx;
}
.list {
	.paper-item {
		padding: 35upx 0;
		.name {
			margin-bottom: 25upx !important;
		}
	}
}
</style>
